<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 15-10-23
  Time: 下午4:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link href="/public/css/houseInfoNew.css" type="text/css" rel="stylesheet"/>
    <script src="/public/js/jquery-1.7.2.min.js"></script>
    <script>
        $(function () {
            autoInitPrice();
            $('.specialMore').css('display', 'none');
            $('.more').click(function (e) {
                $(this).hide();
                $('.specialMore').css('display', 'block');
            });

            //changeTab 开始
            function changeTab(a) {
                $('.changeTab li').eq(a).click(function (e) {
                    $('.devideText01').eq(a).addClass('TextCurrent').siblings().removeClass('TextCurrent');
                    $(this).addClass('TimeCurrent').siblings().removeClass('TimeCurrent');
                    autoInitPrice();
                });
            }

            for (var i = 0; i < 4; i++) {
                changeTab(i);
            }
            //changeTab 结束

        })
        function toOrder() {
            var guid = $(".TimeCurrent").find("span").html();
            location.href = "/order/form/" + guid;
        }

        function autoInitPrice() {
            var price = $(".TimeCurrent").find(".weekPrice").html();
            $(".PriceAll").html('总价：' + price);
        }
    </script>

</head>
<body>
<div class="TotalBanner">
    <img src="/public/image/${houseInfo.titleImageGuid}"/>

    <p>${houseInfo.title}</p>
</div>

<div class="projectTotal">

    <!--周次划分  开始-->
    <div class="devide clearfix">
        <div class="devideLeft">
            <i class="detailLittleIcon03"></i>
            <h4>周次划分</h4>
        </div>

        <div class="devideRight">
            <ul class="changeTab clearfix">
                <c:forEach items="${houseInfo.houseWeekDTOs}" var="list" varStatus="status">
                    <input type="hidden" value="${list}" id="weekFee"/>
                    <c:choose>
                        <c:when test="${status.index==0}">
                            <li class="TimeCurrent"><a href="javascript:">
                                <span style="display:none">${list.guid}</span>${list.name}
                                <span class="weekPrice" style="display:none">${list.price}</span></a>
                            </li>
                        </c:when>
                        <c:otherwise>
                            <li><a href="javascript:"><span style="display:none">${list.guid}</span>${list.name}
                                <span class="weekPrice" style="display:none">${list.price}</span></a>
                            </li>
                        </c:otherwise>
                    </c:choose>
                </c:forEach>
            </ul>
            <c:forEach items="${houseInfo.houseWeekDTOs}" var="list" varStatus="status">
                <c:choose>
                    <c:when test="${status.index==0}">
                        <div class="devideText01 TextCurrent">&nbsp;&nbsp;&nbsp;&nbsp;<span>${list.description}</span>
                        </div>
                    </c:when>
                    <c:otherwise>
                        <div class="devideText01">&nbsp;&nbsp;&nbsp;&nbsp;<span>${list.description}</span>
                        </div>
                    </c:otherwise>
                </c:choose>
            </c:forEach>
        </div>
    </div>
    <!--周次划分  结束-->

    <!--项目介绍  开始-->
    <div class="detail clearfix">
        <div class="detailLeft">
            <i class="detailLittleIcon01"></i>
            <h4>项目描述</h4>
        </div>

        <div class="detailRight">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;${houseInfo.houseFeature}
        </div>
    </div>
    <!--项目介绍  结束-->
    <!--特色服务  开始-->
    <div class="specialService clearfix">
        <div class="specialServiceLeft">
            <i class="detailLittleIcon02"></i>
            <h4>特色服务</h4>
        </div>

        <div class="specialServiceRight">
            <ul class="specialFour clearfix">
                <li class="clearfix">
                    <i class="Mannege"></i>
                    <span>专属管家</span>
                </li>
                <li class="clearfix">
                    <i class="cook"></i>
                    <span>私享厨房</span>
                </li>
                <li class="clearfix">
                    <i class="send"></i>
                    <span>接送服务</span>
                </li>
                <li class="clearfix">
                    <i class="wash"></i>
                    <span>洗衣服务</span>
                </li>
            </ul>
            <a href="javascript:" class="more">更多特色服务</a>

            <ul class="specialMore clearfix">
                <li class="clearfix"><i class="moreIcon"></i><span>每日清洁</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>预订服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>C/I、C/O</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>票务服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>商务服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>失物招领</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>旅游服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>代购代办服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>行李服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>网络服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>汽车租赁服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i>
                    <psan>物品租借</psan>
                </li>
                <li class="clearfix"><i class="moreIcon"></i><span>个性枕头</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>床品更换（2次/周）</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>叫（提）醒服务</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>物业管理</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>自行车租借</span></li>
                <li class="clearfix"><i class="moreIcon"></i><span>家宴定制（付费）</span></li>
            </ul>
        </div>
    </div>
    <!--特色服务  结束-->

    <!--图片  开始-->
    <div class="ProjectPicture clearfix">
        <div class="ProjectPictureLeft">
            <i class="detailLittleIcon05"></i>
            <h4>项目图片</h4>
        </div>

        <div class="ProjectPictureRight clearfix">
            <img class="fiftyDevide" src="/public/image/${houseInfo.imageGuids[0]}"/>
            <img class="fiftyDevide" src="/public/image/${houseInfo.imageGuids[1]}"/>
            <img class="thirtyDevide" src="/public/image/${houseInfo.imageGuids[2]}"/>
            <img class="thirtyDevide" src="/public/image/${houseInfo.imageGuids[3]}"/>
            <img class="thirtyDevide" src="/public/image/${houseInfo.imageGuids[4]}"/>
        </div>
    </div>
    <!--图片  结束-->

    <!--价格  开始-->
    <div class="ProjectPrice clearfix">
        <div class="ProjectPriceLeft">
            <i class="detailLittleIcon04"></i>
            <h4>其他费用</h4>
        </div>

        <div class="ProjectPriceRight">
            <ul class="clearfix">
                <c:forEach items="${houseInfo.houseExtraFeeDTOs}" var="list">
                    <li>${list.title}<br>${list.price}</li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <!--价格  结束-->
    <span class="PriceAll">总价：</span>
    <button class="buy" onclick="toOrder()">申购</button>
</div>

</body>
</html>